<template>
<div class="tab-pane" :class="{active: active}" :id="id" v-show="!disabled">
    <slot></slot>
</div>
</template>
<script>
export default{
    props:{
        header:{
            type: String,
            default: ''
        },
        active:{
            type: Boolean,
            default: false
        },
        id:{
            type:String,
            required: true
        },
        disabled:{
            type: Boolean,
            default: false
        }
    },
    data(){
        return{
            // id: 'tab-'+new Date().getTime()+parseInt(Math.random(9999))
        }
    }
}
</script>